
@media (max-width:1100px) {

    .header-content,.content,.footer{
        display: block;
        --content-width:875px;
        text-align: center;
    }

   
    .main{
        width: 100%;
        padding: 0;
    }
    html{
        font-size: 14px;
    }
    .aside_info{
        width: 100%;
    }
    .annual_2023{
        display: none;
    }
    
}
@media (max-width:920px) {

    .header-content,.content{
        display: block;
        --content-width:580px;

    }
    .graphics{
        grid-template-columns: repeat(2,1fr);
    }
   .header-search{
    display: block;
    text-align: center;
   }
   .logo{
    padding: 1rem;
    ;
}

    
}
@media (max-width:625px) {

    .header-content,.content{
        display: block;
        --content-width:350px;
    }
    .graphics{
        grid-template-columns: repeat(1,1fr);
    }
   .header-search{
    display: block;
    text-align: center;
   }
    .logo{
        padding: 1rem;
        ;
    }

    .header_input{
        width: 410px;
    }
    .nav-top>ul{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
}
